Community

About

This application is an Employee HR System designed to facilitate various HR-related tasks for both employees and administrators. It provides functionalities for user authentication, attendance tracking, company policy management, holiday calendars, and job postings. Users can log in or register through a user-friendly interface that includes forms for entering email and password details. The application utilizes React and TypeScript for building the user interface, ensuring type safety and a modern development experience. The state management is handled using React's useState hook, allowing for dynamic updates to the UI based on user interactions. Key features of the application include: 1. **User Authentication**: Users can log in as employees or administrators, with separate forms for each role. The application manages user sessions and displays relevant content based on the user's role. 2. **Attendance Tracker**: Employees can mark their attendance by logging in and out, with location verification to ensure they are within the designated office geofence. The attendance records are displayed in a table format, allowing for easy tracking and management. 3. **Company Policies**: Administrators can view and edit company policies. The policies are organized in an accordion format for easy navigation, and admins have the ability to update policy content. 4. **Holiday Calendar**: The application includes a calendar feature that highlights holidays, allowing employees to plan their time off effectively. 5. **Job Postings**: Active job postings can be viewed and managed by administrators. They can add new job postings or edit existing ones, providing details such as job title, department, location, and description. 6. **Personal Profile Management**: Employees can view and edit their personal profiles, including their name, email, position, department, and join date. Changes are saved and can be submitted for backend processing. The application is built using modern web technologies, including React for the frontend, TypeScript for type safety, and various UI components for a consistent user experience. The use of hooks and functional components aligns with current best practices in React development, making the application maintainable and scalable. Overall, this HR system aims to streamline HR processes and enhance employee engagement within the organization.